<div ng-init="init();" class="kmi-layout-content E05-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="header-title" ng-bind="'E05.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label" style="flex: 0 0 80px;" ng-bind="'E05.line' | translate"></label>
                <input class="value" ng-model="condition.pdline_no"></input>
                <div class="tip search" ng-click="loadLine();"><img src="image/icons/search.png"></img> </div>
                <label class="label" style="flex: 0 0 80px;" ng-bind="'E05.op' | translate"></label>
                <input class="value" ng-model="condition.op_no" ng-keypress="keyinOP($event);"></input>
                <div class="tip search" ng-click="loadOP();"><img src="image/icons/search.png"></img> </div>
                <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="GotoE01()" style="width:100px">
                    <label ng-bind="'E01.title' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
            <div class="kmi-text-fields kmi-tag-fields">
                <label class="label" style="flex: 0 0 80px;" ng-bind="'E05.position' | translate"></label>
                <div class="kmi-button-content">
                    <div class="kmi-button" ng-repeat="position in positions"
                            ng-click="ChangePosition(position)" ng-class="{'is-selected':position.page_no == condition.position_no}">
                        <i class="material-icons">done</i>
                        <label ng-bind="position.page_no"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
            </div>
            <div class="kmi-text-fields">
                <label class="label" style="flex: 0 0 80px;" ng-bind="('E05.material_name' | translate)+'：'"></label>
                <input class="value" ng-model="condition.material_name" ng-keypress="AddMaterial($event);" style="margin-right: 4px;"></input>
                <div class="tip search" ng-click="loadMaterial();" style="right: 35px;"><img src="image/icons/search.png"></img> </div>
                <div>
                    <button class="mdl-button mdl-js-button mdl-button--icon mdl-button--icon_prime" ng-click="AddMaterial()">
                        <img src="image/icons/add.png"></img>
                    </button>
                </div>
            </div>
            <div class="kmi-list" column-selector-id="itemList">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:0 0 32px;" ></div>
                    <div class="kmi-list__column require" style="flex:1;" ng-bind="'E05.material_name' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in itemList|filter:{mode:'!D'} track by $index">
                    <div class="kmi-list__column" style="flex:0 0 32px;">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="RemoveMaterial(item)">
                            <img  src="image/icons/delete1.png"></img>
                        </button>
                    </div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.material_name"></div>
                </div>
                </div>
            </div>
        </div>
        <div class="kmi-layout-footer">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1" ng-click="confirm();"
                ng-disabled="itemList.length == 0">
                <i class="material-icons">done</i>
            </button>
        </div>
    </div>
</div>
